<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="questioncentre.css">
    <script src="questioncentre.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.js"></script>
    <link href="../Teachercentre/favicon.ico" rel="shortcut icon">
    <title>拉勾教育-师生中心</title>
</head>

<body>
    <!-- 固定logo火箭平滑滚动 -->
    <a href="javascript:;" id="return_top" title="回到顶部"></a>
    <!-- 登陆注册 -->
    <div class="aftertips">
        <div><span>=</span></div>
    </div>
    <div class="wrapper">
        <div class="logging">
            <div class="loginpic1">
                <div class="closediv"> <span class="closebtn">×</span></div>
                <div class="title">拉勾教育</div>
                <div class="desc">互联网实战大学</div>
                <div class="item">
                    <div class="active">
                        <li class="txt">账户登录</li>
                    </div>
                    <div>
                        <li class="txt">注册</li>
                    </div>
                </div>
            </div>
            <div class="content">
                <div style="display:block;text-align: center;">
                    <input type="text" id="username" placeholder="请输入账号" contenteditable="off">
                    <input type="password" id="password" placeholder="请输入密码">
                    <br/>
                    <span> 
                    <label class="left1">
                        <input type="checkbox" id="remember">
                        记住密码
                    </label>
                    <label class="right55">
                        <input type="checkbox" id="check1" >
                        七天免登录
                    </label>
                    </span>
                    <p id="error" class="p1"></p>
                    <input type="submit" id="submit" value="登录">
                    <ul class="loginfoot">
                        <li><img src="./img/wechatlogo.png" alt=""></li>&nbsp&nbsp
                        <li class="zi">微信扫码登录</li>
                    </ul>
                </div>

                <div style="text-align: center;">
                    <p class="p1">用户名</p>
                    <input type="text" placeholder="请输入账号" id="username1">
                    <p class="p1">密码</p>
                    <input type="text" placeholder="请输入密码" id="password1"> <br>
                    <p class="p1">身份</p> <br> 教师 <input type="radio" id="teacher" name="role">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp学生 <input type="radio" id="student" name="role">

                    <br/>
                    <p id="error1" class="p1"></p>
                    <input type="submit" id="register1" value="注册">
                </div>
            </div>
        </div>
    </div>
    <script>
        //记住用户名
        var username = document.querySelector('#username');
        var password = document.querySelector('#password');
        var remember = document.querySelector('#remember');
        if (localStorage.getItem('username')) {
            username.value = localStorage.getItem('username');
            remember.checked = true;

        }
        if (localStorage.getItem('password')) {
            password.value = localStorage.getItem('password');
            remember.checked = true;

        }
        remember.addEventListener('change', function() {
            if (this.checked) {
                localStorage.setItem('username', username.value);
                localStorage.setItem('password', password.value);
            } else {
                localStorage.removeItem('username');
                localStorage.removeItem('password');
            }
        })
    </script>
    <!-- 导航栏 -->
    <div class="wrap">
        <div class="wrap-content">
            <div class="wrap-content-left">
                <div class="logo"><img src="img/logo.png" alt="" width="40px" height="40px"></div>
                <div class="title-1">拉勾教育</div>
                <div class="title-2">互联网人实战大学</div>
            </div>
            <div class="search">
                <input type="text" class="search-input" placeholder="请输入搜索内容">
                <div class="to_search"></div>
                <ul class="search-content search-content-scroll">

                </ul>
            </div>
            <!-- 导航栏分项 -->
            <div class="wrap-content-right">
                <ul class="tab-list">
                    <li class="sec"> <a href="../Homepage/index1.html">选课</a></li>
                    <li class="sec" id="teachercentre" style="display: none;">
                        <a href="../Teachercentre/teachercentre.html">教师中心</a>
                    </li>
                    <li class="sec"><a href="../Studyspace/studyspace.html">学习</a></li>
                    <li class="sec1"><a href="#">师生问答</a></li>
                </ul>
                <!-- 登陆/注册 -->
                <div class="login">
                    <div class="sign-up" id="loginbtn1">登陆</div>
                    <div class="register" id="loginbtn2">注册</div>
                    <div class="dropdown">
                        <div class="dropdown-icon"></div>
                        <button class="dropbtn" id="userinfo"></button>
                        <div class="dropdown-content">
                            <a href="#">帮助与反馈</a>
                            <a href="../Setuserinfo/setuserinfo.html" id="setuser">账户设置及充值</a>
                            <a href="#" id="out-login">退出登录</a>
                        </div>
                    </div>
                    <div class="pic" id="loginbtn3"><img src="img/register.png" alt=""><span class="rolelogo">游客</span></div>
                    <div class="pic" id="rlogo"><img src="img/register.png" alt=""><span class="rolelogo" id="rolelogo"></span></div>
                </div>
            </div>
        </div>
    </div>
    <div class="centerarea">
        <div class="centertitle">
            师生问答社区
        </div>
    </div>
    <div class="container-pc">
        <div class="learn-wrap clearfix">
            <div class="hasPay-content left">
                <div class="no-data course-ul-pc" id="no-login">
                    <img src="https://s1.lgstatic.com/kw-web-fed/img/no-login@2x.edaedc1.png" alt="" class="no-data-icon">
                    <div class="no-data-title">你还没有登录</div>
                    <div class="no-data-tips">

                        登录后即可查看师生问答

                    </div>
                    <div class="btn btn-green btn-center">

                        立即登录

                    </div>
                </div>
                <div class="no-data1 course-ul-pc" id="course-content" style="display: none;">
                    <div class="common-course-title">
                        <span class="kw-icon-course course-title-icon">
                       </span> 热议问题<span class="anum"></span>
                    </div>
                    <div class="postquestion">
                        <div class="postaction" id="tipbtn">+发布我的提问</div>
                        <div class="areatip">
                            <textarea name="" cols="" rows="" class="edittip" placeholder="请输入提问的内容" id="t4"></textarea>
                            <div class="btnlist">
                                <div class="postaction" id="postaction">确认发布</div>
                                <div id="backbtn">取消</div>
                            </div>
                        </div>

                    </div>
                    <div class="contentlist">
                        <div class="questiontitle">
                            课程问答
                        </div>
                        <div class="questionlist">
                        </div>
                        <!-- <div class="detailquestion">
                            <ul class="answerarea">
                                <div class="title">VIP教师回复</div>
                                <div class="reply">
                                    <textarea name="" cols="" rows="" class="edittip1" placeholder="请输入回复的内容"></textarea>
                                    <div class="btnlist">
                                        <div class="postreply">确认发送</div>
                                        <div class="cancelpost">取消</div>
                                    </div>
                                </div>
                                <li class="replymsg">
                                    <img src="" alt="" class="replyerimg">
                                    <div class="replyname"></div>
                                    <div class="replytime"></div>
                                    <div class="replycontent"></div>
                                </li>
                            </ul>
                        </div> -->
                    </div>
                </div>
            </div>
            <div class="recommend-content-pc">
                <div class="section-2">
                    <div class="stickybox">
                        <p class="title2">
                            &nbsp&nbsp热议问题榜单<br>（持续更新中，敬请关注！）
                        </p>
                        <ul class="article-content">
                            <li>
                                <p class="article-content-item text-overflow">
                                    <span class="article-content-item-index">01</span>
                                    <a href="https://mp.weixin.qq.com/s/d3eYEzct8d44C01DXC7hoA" target="_blank" class="article-content-item-name single-line">2021年轻松涨薪的5个步骤，还有互联网人不知道吗？
                            </a>
                                </p>
                            </li>
                            <li>
                                <p class="article-content-item text-overflow">
                                    <span class="article-content-item-index">02</span>
                                    <a href="https://mp.weixin.qq.com/s/qXXbUXJY1leRJPjBUx-5hA" target="_blank" class="article-content-item-name single-line">不想做工具人，造轮子太难，前端人该何去何从？</a>
                                </p>
                            </li>
                            <li>
                                <p class="article-content-item text-overflow">
                                    <span class="article-content-item-index">03</span>
                                    <a href="https://mp.weixin.qq.com/s/qXXbUXJY1leRJPjBUx-5hA" target="_blank" class="article-content-item-name single-line">数据分析真的有万能法则吗？</a>
                                </p>
                            </li>
                            <li>
                                <p class="article-content-item text-overflow">
                                    <span class="article-content-item-index">04</span>
                                    <a href="https://mp.weixin.qq.com/s/qXXbUXJY1leRJPjBUx-5hA" target="_blank" class="article-content-item-name single-line">干货 | 中科院博士：程序员用得上的数学都有哪些？</a>
                                </p>
                            </li>
                            <li>
                                <p class="article-content-item text-overflow">
                                    <span class="article-content-item-index">05</span>
                                    <a href="https://mp.weixin.qq.com/s/qXXbUXJY1leRJPjBUx-5hA" target="_blank" class="article-content-item-name single-line">没有一个程序员躲得过被 Spring 全家桶支配的噩梦</a>
                                </p>
                            </li>
                        </ul>
                    </div>
                    <div class="section-3">
                        <p class="title2">
                            联系我们
                        </p>
                    </div>
                    <ul class="social-list">
                        <li class="social-item">
                            <div class="qr-wrapper" style="display: none;">
                                <img src="https://www.lgstatic.com/kw-web-fed/img/wechat-qr.47ac3f5.png" alt="二维码" class="qr-wrapper-img">
                            </div>
                            <img src=""
                                alt="微信" class="social-item-img">
                            <p class="social-name">
                                微信
                            </p>
                        </li>
                        <li class="social-item hover-pointer ">
                            <div class="qr-wrapper" style="display: none;">
                                <img src="https://www.lgstatic.com/kw-web-fed/img/wechat-qr.47ac3f5.png" alt="二维码" class="qr-wrapper-img">
                            </div>
                            <img src=""
                                alt="知乎" class="social-item-img">
                            <p class="social-name">
                                知乎
                            </p>
                        </li>
                        <li class="social-item hover-pointer ">
                            <div class="qr-wrapper" style="display: none;">
                                <img src="https://www.lgstatic.com/kw-web-fed/img/wechat-qr.47ac3f5.png" alt="二维码" class="qr-wrapper-img">
                            </div>
                            <img src=""
                                alt="微博" class="social-item-img">
                            <p class="social-name">
                                微博
                            </p>
                        </li>
                    </ul>
                    <div class="transparentbox">

                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 底部内容 -->
    <div class="footer">
        <div class="footer-content">
            <div class="words-left">
                <p class="words-left-one">拉勾教育</p>
                <p class="words-left-two">拉勾旗下专为互联网人打造的实战大学</p>
            </div>
            <div class="words-right">
                <div class="words-right-one">
                    <!-- 二维码 -->
                    <div class="words-right-pic">
                        <img src="https://www.lgstatic.com/kw-web-fed/img/common-qrcode.abff25a.jpeg" alt="">
                    </div>
                    <!-- 文字 -->
                    <div class="words-right-title">
                        <p class="words-right-title-one">
                            关注公众号
                        </p>
                        <p class="words-right-title-two">
                            接收第一手优惠信息
                        </p>

                    </div>
                </div>
                <div class="words-right-two">
                    <!-- 二维码 -->
                    <div class="words-right-pic">
                        <img src="img/footer-logo.png" alt="">
                    </div>
                    <!-- 文字 -->
                    <div class="words-right-title">
                        <p class="words-right-title-one">
                            下载APP
                        </p>
                        <p class="words-right-title-two">
                            随时随地学习
                        </p>

                    </div>

                </div>
            </div>

        </div>
        <div class="footer-right">
            ©2021 拉勾网
            <a href="https://beian.miit.gov.cn" target="_blank">京ICP备14023790号-2</a>
            <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802024043" target="blank">京公网安备 11010802024043</a>
        </div>
    </div>
</body>

</html>